// pages/index/index.js
import axios from '../../utils/axios'

Page({

  /**
   * 页面的初始数据
   */
  data: {

    banners: [], // 用于存放首页轮播图
    // 导航栏的字体数据
    navIcon: [{
        id: 1,
        title: '每日推荐',
        iconfont: 'icon-meirituijian-'
      },
      {
        id: 2,
        title: '歌单',
        iconfont: 'icon-gedan1'
      },
      {
        id: 3,
        title: '排行榜',
        iconfont: 'icon-icon-ranking'
      },
      {
        id: 4,
        title: '电台',
        iconfont: 'icon-diantai'
      },
      {
        id: 5,
        title: '直播',
        iconfont: 'icon-meirituijian-'
      }
    ],
    // 推荐歌曲区域的数据
    recommendData: [],

    // 排行榜区域展示数据
    rankList: [],
    // 每条排行榜存储的数据
    CountRankList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // wx.request({
    //   url: 'http://localhost:3000/banner',
    //   success: (data) => {
    //     this.setData({
    //       banners: data.data.banners
    //     })
    //   }
    // }),
    // 请求banner图片数据
    axios('/banner').then((result) => {
      this.setData({
        banners: result.banners
      })
    })
    // 请求歌曲推荐数据
    axios('/personalized').then((result) => {
      this.setData({
        recommendData: result.result
      })
    })
    const rankListId = [19723756, 3779629, 2884035, 3778678, 3778678]
    var rankListIdIndex = 0
    var CountRankList = []
    while (rankListIdIndex <= 4) {
      axios('/playlist/detail', {
        id: rankListId[rankListIdIndex++]
      }).then((res) => {
        this.setData({
          rankList: res.playlist.tracks.splice(0, 4).map((item) => {
            return {
              id: item.al.id,
              name: item.al.name,
              picUrl: item.al.picUrl
            }
          }),
        })
        CountRankList.push(this.data.rankList)
        this.setData({
          CountRankList:CountRankList
        })
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},

  // 去搜索页面的回调函数
  toSearch: () => {
    wx.navigateTo({
      url: '/pages/search/search',
    })
  },
  // nav导航按钮页面跳转
  goPages: (e) => {
    if (e.currentTarget.dataset.no == 'icon-icon-ranking') {
      wx.navigateTo({
        url: '/pages/Ranking List/Ranking List',
      })
    }
    if (e.currentTarget.dataset.no == 'icon-meirituijian-') {
      wx.navigateTo({
        url: '/pages/recommendSong/recommendSong?a=123',
      })
    }
  }
  
})